.content-hd{
    width: 100%;
    h2{
       // height: 0.6rem;
       /// line-height: 0.6rem;
        font-size: 0.24rem;
        color: #fff;
        font-weight: bold;
        font-family: "微软雅黑";
      //  padding: 0.15rem 0;
        i{
            height: 0.1rem;
            width: 0.1rem;
            background-color: #f74865;
            border-radius: 0.05rem;
            display: inline-block;
            margin-right: 0.1rem;
            vertical-align: middle;
        }
        a{
            color: #f44b68;
            font-size: 12px;
            margin-left: 0.2rem;
        }
    }
    
    .date-wrapper{
        height: 0.4rem;
        line-height: 0.4rem;
        .time-group{
            height: 0.4rem;
            line-height: 0.4rem;
           .date-time{
                margin-top: 0!important;
                margin-bottom: 0!important;
            } 
        }
        
    }
    
}

.row-chart{
    background-color: @muduleBgColor;
    border-radius: 0.05rem;
    padding: 0.2rem;
}
header{
    width: 100%;
    background-color: #222942;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    .header-wrpper{
        padding: 0 0.3rem;
        height: 0.6rem;
        .header-left{
            width: 0.56rem;
            height: 0.34rem;
            margin:(0.6-0.34)/2rem 0;
            .logo{
                width: 0.56rem;
                height: 0.34rem;
                display: block;
                // background:url('@{base_url}/logo_ico.png') no-repeat;
                background-size:cover;
            }
        }
        .header-right{
            height: 0.6rem;
           .user-pic{
               width:0.8rem;
               height: 0.6rem;
               position: relative;
               display: inline-block;
               cursor: pointer;
               .icon{
                    width: 0.24rem;
                    height: 0.22rem;
                    display:block;
                    margin:(0.60-0.22)/2rem auto;
                    background:url('@{base_url}/guanliyuan_ico.png') no-repeat;
                    background-size:cover;
               }
               .user-hover{
                   height:0.86rem ;
                   width:1.3rem; 
                   background:url('@{base_url}/user-hover.png') no-repeat;
                   background-size:cover;
                   color: #fff;
                   font-size: 0.14rem;
                   border-radius: 0.05rem;
                   line-height: 0.8rem;
                   text-align: center;
                   position: absolute;
                   left: -0.25rem;
                   top:0.48rem;
                   display: none;
                }
                &:hover{
                    .user-hover{
                        display: block;
                    }
                }
           }
           .closed-page{
               width:0.6rem;
               height: 0.6rem;
               display: inline-block;
               cursor: pointer;
               .icon{
                   width: 0.20rem;
                   height: 0.22rem;
                   display: block;
                   margin:(0.6-0.22)/2rem auto;
                   background: url('@{base_url}/zhuxiao.png') no-repeat;
                   background-size:cover;
               }
           }
        }
    }
}
#main{
    width: 12rem;
    margin: 0 auto;
    position: relative;
    top: 0.71rem;
    .sidebar{
        width:1.5rem ;
        background-color: #222942;
        border-radius: 0.06rem;
        position: fixed;
        top: 0.62rem;
        li{
           margin: 0 auto;
           border-bottom: 1px solid #1b2338;
           a{
               display: block;
               line-height: 0.5rem;
               color: #fff;
               font-size:0.16rem;
               text-align: center;
           }
           .nav-list{
               background-color: #1e253d;
               li{
                   border-bottom: 0;
                   .center-end();
                   margin-right: 0.2rem;
                   a{
                    font-size: 0.14rem;
                    color: #9196a7;
                   }
               }
           }
        }
    }
    .app-container{
        padding-left: 1.6rem!important;
      //  width: 10.4rem;
        .app-content{
            padding-bottom: 2.85rem;
        }
    }
    .app-userPortrait{
        width: 12rem;
        padding-left: 0!important;
    }
    
}

//表格
.table-content{
    width: 100%;
   // border:1px solid @bgColor;
    text-align: center;
    thead{
        height: 0.4rem;
        line-height: 0.4rem;
        color: #fff;
        font-size: 0.14rem;
        background-color: @bgColor;
        th{
          text-align: center;   
        }
    }
    tr{
        border-bottom:1px solid @bgColor;
        td{
            height: 0.42rem;
            line-height: 0.42rem;
            color: #a9abb1;
            font-size: 0.12rem;
            a{
                color: #f44b68;
            }
            span{
                display: block;
                line-height: 0.20rem;
            }
        }
    }
    
}
//日历
.date-wrapper{
    height: 0.7rem;
    text-align: right;
    line-height: 0.7rem;
    border-radius: 0.05rem;
    .time-group{
        height: 0.7rem;
        line-height: 0.7rem;
        .date-time{
            width: 1.8rem;
            height: 0.34rem;
            display: inline-block;
            margin:0.18rem 0.15rem;
            input{
                color: #fff;
                font-size:0.14rem;
                background:url('@{base_url}/rili_ico.png') @bgColor 1.4rem 0.06rem no-repeat;
                border-radius: 0.15rem;
                padding:0 0.18rem 0 0.08rem;
                display: block;
                box-shadow: none;
                
            }
        }
    }   
}